<template>
    <transition name="fade0" v-if="payStatus">
        <div class="myPopup" v-on:click.self="hide()">
            <div class="content_popup">
                <center>充值积分</center>
                <ul class="popup_money">
                    <li v-for="item in coins" @click="payMoney(item.coin)">{{item.coin}}积分={{item.money}}元</li>
                </ul>
            </div>
        </div>
    </transition>
</template>
<style lang="less">
    @import "../../less/payment";
</style>
<script>
    export default {
        props: ['payStatus'],
        components: {},
        data() {
            return {
                startGame: '',
                coins: [
                    {
                        coin: 1,
                        money: 1.00
                    },
                    {
                        coin: 3,
                        money: 3.00
                    },
                    {
                        coin: 5,
                        money: 5.00
                    },
                    {
                        coin: 10,
                        money: 10.00
                    },
                    {
                        coin: 30,
                        money: 30.00
                    }
                ]
            }
        },
        methods: {
            hide() {
                console.log('hide')
                this.$emit('update:payStatus', false)
            },
            payMoney(item) {
                console.log(item)
            }
        },
        mounted() {
        }
    }
</script>